<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta name="viewport" content="width=1024">
    <link href="../../layuiadmin/layui/css/layui.css" rel="stylesheet" type="text/css" />
    <link href="css/css.css" rel="stylesheet" type="text/css" />
    
    <script src="../../layuiadmin/layui/layui.all.js"></script>
    <script>
        //由于模块都一次性加载，因此不用执行 layui.use() 来加载对应模块，直接使用即可：
        ; !function () {
            var layer = layui.layer
                , $ = layui.jquery;

            layer.msg('Hello World');
            $(function () {



                //首页大事记

                $('.course_nr2 li').hover(function () {

                    $(this).find('.shiji').slideDown(600);

                }, function () {

                    $(this).find('.shiji').slideUp(400);

                });



            });
        }();
    </script>
    <script type="text/jscript">





</script>

</head>

<body>
    <div class="course">
        <div class="clearfix web_widht course_nr">
            <ul class="course_nr2">
                <li><i class="layui-icon blue">&#xe640;</i>
                    <div class="shiji">
                        <h1>正常</h1>
                        <p>
                            <p>2019-03-14 03:49:48</p>
                        </p>
                    </div>
                </li>
                <li><i class="layui-icon blue">&#xe640;</i>
                    <div class="shiji">
                        <h1>正常</h1>
                        <p>
                            <p>2019-03-14 03:49:48</p>
                        </p>
                    </div>
                </li>
                <li><i class="layui-icon red">&#xe640;</i>
                    <div class="shiji">
                        <h1>快满了</h1>
                        <p>
                            <p>2019-03-14 03:49:48</p>
                        </p>
                    </div>
                </li>
                <li><i class="layui-icon green">&#xe640;</i>
                    <div class="shiji">
                        <h1>太少</h1>
                        <p>
                            <p>2019-03-14 03:49:48</p>
                        </p>
                    </div>
                </li>
                <li><i class="layui-icon blue">&#xe640;</i>
                    <div class="shiji">
                        <h1>正常</h1>
                        <p>
                            <p>2019-03-14 03:49:48</p>
                        </p>
                    </div>
                </li>
                <li><i class="layui-icon blue">&#xe640;</i>
                    <div class="shiji">
                        <h1>正常</h1>
                        <p>
                            <p>2019-03-14 03:49:48</p>
                        </p>
                    </div>
                </li>
                <li><i class="layui-icon blue">&#xe640;</i>
                    <div class="shiji">
                        <h1>正常</h1>
                        <p>
                            <p>2019-03-14 03:49:48</p>
                        </p>
                    </div>
                </li>
                <li><i class="layui-icon red">&#xe640;</i>
                    <div class="shiji">
                        <h1>快满了</h1>
                        <p>
                            <p>2019-03-14 03:49:48</p>
                        </p>
                    </div>
                </li>
                <li><i class="layui-icon green">&#xe640;</i>
                    <div class="shiji">
                        <h1>太少</h1>
                        <p>
                            <p>2019-03-14 03:49:48</p>
                        </p>
                    </div>
                </li>
                <li><i class="layui-icon blue">&#xe640;</i>
                    <div class="shiji">
                        <h1>正常</h1>
                        <p>
                            <p>2019-03-14 03:49:48</p>
                        </p>
                    </div>
                </li>
                <li><i class="layui-icon blue">&#xe640;</i>
                    <div class="shiji">
                        <h1>正常</h1>
                        <p>
                            <p>2019-03-14 03:49:48</p>
                        </p>
                    </div>
                </li>
                <li><i class="layui-icon blue">&#xe640;</i>
                    <div class="shiji">
                        <h1>正常</h1>
                        <p>
                            <p>2019-03-14 03:49:48</p>
                        </p>
                    </div>
                </li>
                <li><i class="layui-icon red">&#xe640;</i>
                    <div class="shiji">
                        <h1>快满了</h1>
                        <p>
                            <p>2019-03-14 03:49:48</p>
                        </p>
                    </div>
                </li>
                <li><i class="layui-icon green">&#xe640;</i>
                    <div class="shiji">
                        <h1>太少</h1>
                        <p>
                            <p>2019-03-14 03:49:48</p>
                        </p>
                    </div>
                </li>
                <li><i class="layui-icon blue">&#xe640;</i>
                    <div class="shiji">
                        <h1>正常</h1>
                        <p>
                            <p>2019-03-14 03:49:48</p>
                        </p>
                    </div>
                </li>
                <li><i class="layui-icon blue">&#xe640;</i>
                    <div class="shiji">
                        <h1>正常</h1>
                        <p>
                            <p>2019-03-14 03:49:48</p>
                        </p>
                    </div>
                </li>
                <li><i class="layui-icon blue">&#xe640;</i>
                    <div class="shiji">
                        <h1>正常</h1>
                        <p>
                            <p>2019-03-14 03:49:48</p>
                        </p>
                    </div>
                </li>
                <li><i class="layui-icon red">&#xe640;</i>
                    <div class="shiji">
                        <h1>快满了</h1>
                        <p>
                            <p>2019-03-14 03:49:48</p>
                        </p>
                    </div>
                </li>
                <li><i class="layui-icon green">&#xe640;</i>
                    <div class="shiji">
                        <h1>太少</h1>
                        <p>
                            <p>2019-03-14 03:49:48</p>
                        </p>
                    </div>
                </li>
                <li><i class="layui-icon blue">&#xe640;</i>
                    <div class="shiji">
                        <h1>正常</h1>
                        <p>
                            <p>2019-03-14 03:49:48</p>
                        </p>
                    </div>
                </li>
                <li><i class="layui-icon blue">&#xe640;</i>
                    <div class="shiji">
                        <h1>正常</h1>
                        <p>
                            <p>2019-03-14 03:49:48</p>
                        </p>
                    </div>
                </li>
                <li><i class="layui-icon blue">&#xe640;</i>
                    <div class="shiji">
                        <h1>正常</h1>
                        <p>
                            <p>2019-03-14 03:49:48</p>
                        </p>
                    </div>
                </li>
                <li><i class="layui-icon red">&#xe640;</i>
                    <div class="shiji">
                        <h1>快满了</h1>
                        <p>
                            <p>2019-03-14 03:49:48</p>
                        </p>
                    </div>
                </li>
                <li><i class="layui-icon green">&#xe640;</i>
                    <div class="shiji">
                        <h1>太少</h1>
                        <p>
                            <p>2019-03-14 03:49:48</p>
                        </p>
                    </div>
                </li>
                <li><i class="layui-icon blue">&#xe640;</i>
                    <div class="shiji">
                        <h1>正常</h1>
                        <p>
                            <p>2019-03-14 03:49:48</p>
                        </p>
                    </div>
                </li>
                <li><i class="layui-icon blue">&#xe640;</i>
                    <div class="shiji">
                        <h1>正常</h1>
                        <p>
                            <p>2019-03-14 03:49:48</p>
                        </p>
                    </div>
                </li>
                <li><i class="layui-icon blue">&#xe640;</i>
                    <div class="shiji">
                        <h1>正常</h1>
                        <p>
                            <p>2019-03-14 03:49:48</p>
                        </p>
                    </div>
                </li>
                <li><i class="layui-icon red">&#xe640;</i>
                    <div class="shiji">
                        <h1>快满了</h1>
                        <p>
                            <p>2019-03-14 03:49:48</p>
                        </p>
                    </div>
                </li>
                <li><i class="layui-icon green">&#xe640;</i>
                    <div class="shiji">
                        <h1>太少</h1>
                        <p>
                            <p>2019-03-14 03:49:48</p>
                        </p>
                    </div>
                </li>
                <li><i class="layui-icon blue">&#xe640;</i>
                    <div class="shiji">
                        <h1>正常</h1>
                        <p>
                            <p>2019-03-14 03:49:48</p>
                        </p>
                    </div>
                </li>
                
            </ul>
        </div>
    </div>
    <!-- 1 -->
    
</body>

</html>